/* CSS Reset */
body, div, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin:0;padding:0;border:0;}
html{-webkit-text-size-adjust:none; }
body{overflow-x:hidden;margin:0; padding:0;}
body sup {display:inline-block!important;vertical-align:top;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#242424;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a:hover{text-decoration:none;color:#000;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style:none; } 
a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
* {font-family:'Montserrat-Light',Microsoft Yahei,PingFang SC,Verdana, Helvetica Neue,Hiragino Sans GB,Microsoft Sans Serif,Arial;}
input,select,textarea {-webkit-appearance:none;border-radius:0;outline:none}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance:none; font-size:14px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#a1a4b2;font-size:14px;}
input::-moz-input-placeholder,textarea::-moz-input-placeholder{color:#a1a4b2;font-size:14px;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder {color:#a1a4b2;font-size:14px;}
img {max-width:100%;max-height:100%;}
.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.opacity0{opacity:0;}
.no-touch { height:100%;}
.no-touch body{ overflow:hidden;height:100%;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.ipshow {display:none!important;}
.relative {position:relative;}
.table {display:table;width:100%;height:100%;}
.table-cell {display:table-cell;vertical-align:middle;}
.fullscreen,.fullscreen body {height:100%;overflow:hidden}
.display-block {display:block!important;}
.height-auto {height:auto!important;}
.hide {display:none;opacity:0;width:0px;height:0px;z-index:-1;overflow:hidden;}
.content {width:75%;margin:auto;}
.dblockw100hauto{display:block;width:100%;height:auto;}
.mark-nav-bg {width:100%;height:100%;position:fixed;left:0;top:0;z-index:100;background:#000;opacity:.5;display:none;}
.mark-nav-bg.cur {display:block;}



/* header */
.header {position:fixed;left:0;top:0;z-index:999;   width:100%;background:#fff;border-bottom:1px solid #e6e6e6;  -webkit-transition:all .4s ease; -moz-transition:all .4s ease; transition:all .4s ease;}
.header .content {width:90%;height:100%;margin:auto;position:relative; display:flex; align-items:center; height:84px;}
.header .content .logo{display:block;height:50px;}
.header .content .nav{height:100%;padding:0;margin:0 auto;  text-align:center;  display:flex; align-items:center; list-style:none;}
.header .content .nav li{display:inline-block;margin:0;list-style:none;position:relative;}
.header .content .nav li a{display:block; font-size:16px;padding:0 25px; position:relative;text-transform:uppercase;}
.header .content .nav li a:hover{color:#0081b7;}
.header .content .search{position:relative;}
.header .content .search .icon {display:block;width:18px;height:18px;position:absolute;right:0;top:50%;margin-top:-9px; background:url("../images/ss.png") center no-repeat;background-size:100% ;}
.header .content .search .icon input {width:100%;display:block;height:100%;border:none;opacity:0;background:none;cursor:pointer;}
.header .content .search .search-input {border:none;border-bottom:1px solid #ccc;background:none; width:100%;height:30px;font-size:12px;outline:none;}

.inside-pages .header {background:none;border-bottom:1px solid rgba(255,255,255,.1);}
.inside-pages .header .content .search .icon { background:url("../images/ss1.png") center no-repeat;background-size:100% ;}
.inside-pages .header .content .search .search-input {border-bottom:1px solid rgba(255,255,255,.3);}
.inside-pages .header.scroll-top,
.inside-pages .header:hover {background:#fff;border-bottom:1px solid #e6e6e6;}
.inside-pages .header.scroll-top .content .search .icon,
.inside-pages .header:hover .content .search .icon{ background:url("../images/ss.png") center no-repeat;background-size:100%;}
.inside-pages .header.scroll-top .content .search .search-input,
.inside-pages .header:hover .content .search .search-input{border-bottom:1px solid #ccc;}
.inside-pages .header .content .nav li a {color:#fff;}
.inside-pages .header:hover .content .nav li a,
.inside-pages .header.scroll-top .content .nav li a {color:#242424;}
.inside-pages .header .content .nav li a.cur {color:#0081b7;}
.inside-pages .header:hover .content .nav li a:hover {color:#0081b7;}
.inside-pages .header .content .nav li.cur a {color:#0081b7;}
.header.scroll-down {top:-100px;}
.header.scroll-down .header-nav-show{display:none;}
.header .content .nav li.cur a::after {width:100%;}
.header .content .nav li.cur a{color:#0081b7;}






.item-nav {position:relative;overflow:hidden;}
.item-nav .left{float:left;width:26%;overflow:hidden;height:auto!important;position:relative;}
.item-nav .left .ntitle{padding-bottom:10px;}
.item-nav .left .ntitle h3{font-size:24px;color:#1a1a1a;text-transform:uppercase;margin:0;}
.item-nav .left .item-nav-pic-swiper {position:relative;}
.item-nav .left .img {display:block;}
.item-nav .left .text{padding:20px 0;overflow:hidden;font-size:14px;line-height:24px;color:#666;}
.item-nav .left .btn {font-size:0;border:1px solid #ccc;display:inline-block;padding:15px 20px;position:relative;}
.item-nav .left .btn span{font-size:14px;color:#666;display:inline-block;vertical-align:middle;margin-right:10px;z-index:3;position:relative;}
.item-nav .left .btn i{width:9px;height:12px;display:inline-block;vertical-align:middle;margin-right:10px;background:url("../images/right2.png");background-size:100% 100%;margin-top:3px;position:relative;z-index:3;opacity:.5;}
.item-nav .left .btn::before {content:'';display:block;width:0px;height:100%;position:absolute;left:0;top:0;background:#0081b7;z-index:1;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.item-nav .left a {display:block;overflow:hidden;}
.item-nav .left a:hover .btn::before{width:100%;}
.item-nav .left a:hover .btn span {color:#fff;}
.item-nav .left a:hover .btn i{background:url("../images/right3.png");background-size:100% 100%;opacity:1;}

.item-nav .right-nav {float:left;width:70%;height:450px;}
.item-nav .right-nav ul {width:95%;height:100%;margin:0;padding:0 0 0 5%;list-style:none;position:relative;overflow:hidden;}
.item-nav .right-nav ul::before {content:'';display:block;width:1px;height:100%;background:#e5e5e5;position:absolute;left:0;top:0;z-index:1;}
.item-nav .right-nav ul:last-child::after{display:none;}
.item-nav .right-nav ul.nav {position:relative;margin-top:-10px;}
.item-nav .right-nav ul.two {position:absolute;top:0; left:340px;background:#fff;}
.item-nav .right-nav ul.three {position:absolute;top:0;left:340px;background:#fff;}
.item-nav .right-nav ul li{list-style:none;width:240px;padding-right:50px;}
.item-nav .right-nav ul li a{position:relative;display:block;padding:15px 0;overflow:hidden;}
.item-nav .right-nav ul li a::before,.item-nav .right-nav ul li a::after{content:'';display:block;width:100%;height:1px;background:#e5e5e5;position:absolute;left:0;bottom:0;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.item-nav .right-nav ul li a::before {width:0px;height:2px;z-index:3;}
.item-nav .right-nav ul li a:hover::before{width:100%;background:#0081b7;}
.item-nav .right-nav ul li a h4{font-size:17px;color:#999999;margin:0;}
.item-nav .right-nav ul li a i{width:9px;height:12px;position:absolute;top:50%;right:5%;margin-top:-6px; background:url("../images/right2.png");background-size:100% 100%;display:block;opacity:0;}
.item-nav .right-nav ul li a:hover i,.item-nav .right-nav ul li.cur a i {opacity:.5;}
.item-nav .right-nav ul li.cur a h4{color:#000;}
.item-nav .right-nav ul li.cur a::before{width:100%;background:#0081b7;}
.item-nav .right-nav ul li.cur ul li a::before{width:0px;}
.item-nav .right-nav ul li.cur ul li a:hover::before{width:100%;}
.item-nav .right-nav ul li ul li.cur.on a i{opacity:.5;display:block;}
.item-nav .right-nav ul li ul li.cur.on a::before{width:100%;}
.item-nav .right-nav ul li ul li.cur.on ul li a::before{width:0;}
.item-nav .right-nav ul li ul li.cur.on ul li a:hover::before{width:100%;}
.item-nav .right-nav ul li ul li.cur.on ul li a i{opacity:0;display:none;}
.item-nav .right-nav ul li ul li.cur.on ul li a:hover i{opacity:.5;display:block;}
.item-nav .right-nav ul li ul{display:none;}
.item-nav .right-nav ul li ul li a{color:#999999;}
.item-nav .right-nav ul li ul li a i {opacity:0;display:none;}
.item-nav .right-nav ul li ul li a:hover i {opacity:.5;display:block;}
.item-nav .right-nav ul li ul li a:hover,.item-nav .right-nav ul li ul li a:hover h5 {color:#000;}
.item-nav .right-nav ul li ul li a h5{font-size:15px;color:#999999;margin:0;font-weight:normal;width:90%;}











/* footer */
.footer {color:#fff; background:#181818;padding-top:50px;overflow:hidden;}
.footer .content {width:75%;}
.footer .content .top {padding-bottom:40px;overflow:hidden;border-bottom:1px solid #313131;}
.footer .content .top .footer-nav a {font-size:14px;color:#939393;margin-right:50px;}
.footer .content .top .footer-nav a:hover {color:#fff;}
.footer .content .bottom{clear:both;overflow:hidden;padding:25px 0; font-size:12px;color:#666;position:relative;}
.footer .content .bottom * {font-family:Arial,Microsoft Yahei,PingFang SC;}
.footer .content .bottom .copy{float:left;font-size:12px;}
.footer .content .bottom .copy a {color:#666;} 
.footer .content .bottom .copy a:hover {color:#fff;}
.footer .content .bottom .copy a.niego {margin-left:15px;}




 



/*浏览器*/
#browser_ie {BACKGROUND-COLOR:#f6f6b4; DISPLAY:none; HEIGHT:auto;overflow:hidden; COLOR:#000; FONT-SIZE:15px;text-align:center;position:absolute;left:0;top:0;width:100%;z-index:9999;}
#browser_ie .brower_info {MARGIN:0px auto; WIDTH:800px;padding:1% 0;overflow:hidden;position:relative;text-align:center;}
#browser_ie .brower_info .notice_info {POSITION:relative;overflow:hidden;}
#browser_ie .brower_info .notice_info P { text-align:center; LINE-HEIGHT:25px;overflow:hidden;DISPLAY:inline-block}
#browser_ie .browser_list {POSITION:relative;text-align:center;}
#browser_ie .browser_list IMG {WIDTH:40px; HEIGHT:40px}
#browser_ie .browser_list SPAN {TEXT-ALIGN:center;padding:1%;DISPLAY:inline-block;vertical-align:top;}
.close { z-index:9999;width:30px; height:30px;background:url("../images/xx.png") center no-repeat;background-size:40%;text-align:center; padding:10px; position:absolute; right:2%; display:block; top:30px;cursor:pointer;}
.close:hover {background:url("../images/xx.png") center no-repeat #000;background-size:40%; }

 



/* 图片弹窗 */
.galleryOverlay { width:100%; height:100%; position:fixed; top:0; left:0; opacity:0; z-index:100000; background-color:rgba(0,0,0,.7);  overflow:hidden; display:none; -moz-transition:opacity 0.5s ease; -webkit-transition:opacity 0.5s ease; transition:opacity 0.5s ease; }
.galleryOverlay.visible { opacity:1; }
.gallerySlider { height:100%; left:0; top:0; width:100%; white-space:nowrap; position:absolute; }
.gallerySlider .placeholder { /*background:url("../images/loading.gif") no-repeat center center;*/ height:100%; line-height:1px; text-align:center; width:100%; display:inline-block; }
.gallerySlider .placeholder:before { content:""; display:inline-block; height:50%; width:1px; margin-right:-1px; }
.gallerySlider .placeholder img { display:inline-block; max-height:100%; max-width:100%; vertical-align:middle; }
.prevArrow, .nextArrow { border:none; text-decoration:none; /*background:url(../images/arrows.png) no-repeat;*/ opacity:0.5; cursor:pointer; position:absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity:1; }
.prevArrow { background-position:left top; left:0; }
.nextArrow { background-position:right top; right:0; }
.pagelimit { position:absolute; bottom:20px; left:50%; margin-left:-18px; color:#fff; font-size:18px; }
.closed {cursor:pointer; position:absolute; width:40px; height:40px;right:2%; top:3%;background:url(../images/close.png) no-repeat; transition-duration:0.5s;}
.closed:hover {opacity:0.5;}


.popup-close {z-index:1;width:30px; height:30px;background:url("../images/xx.png") center no-repeat;background-size:40%;text-align:center; padding:10px; position:absolute; right:1%; display:block; top:30px;cursor:pointer;}






.zUIpanelScrollBox,.zUIpanelScrollBar{width:2px;top:4px;right:2px;border-radius:0px;}
.zUIpanelScrollBox{background:#e6e6e6;height:100%;}
.zUIpanelScrollBar{background:#a8a8a8;height:auto!important;min-height:100px;}


.investor-end {background:rgba(0,0,0,.7);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999;text-align:center}
.investor-end.showtip {opacity:0;display:none;}
.investor-end-content {width:550px;height:auto;margin:auto;display:inline-block; background:#fff;padding:25px;}
.investor-end h2{font-size:24px;}
.investor-end h5{font-size:14px;}
.investor-end-ok {display:block;width:130px;height:40px;font-size:14px;line-height:40px;color:#fff; background:#0081b7;margin:10px auto;cursor:pointer;}
.investor-end-ok:hover {background:#000;}
.cfcheckboxtxt {font-size:12px;line-height:20px; color:#666;display:inline-block;vertical-align:bottom;}
.content-form .cfcheckboxtxt a{font-size:12px;line-height:20px; color:#0081b7;}.cfcheckbox{width:20px;height:20px;display:inline-block;vertical-align:bottom;border:1px solid #ccc;margin-right:10px;appearance:checkbox;-webkit-appearance:checkbox;}.showseemore { display:none;}
.popupmoer {background:rgba(0,0,0,.7);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999;text-align:center;display:none;}
.popupmoer.showtip {opacity:0;display:none;}
.popupmoer.investor-end-content {width:550px;height:auto;margin:auto;display:inline-block; background:#fff;padding:25px;}
.popupmoer h5{font-size:18px;}
.popupmoer-ok {display:block;width:130px;height:40px;font-size:14px;line-height:40px;color:#fff; background:#0081b7;margin:10px auto;cursor:pointer;}
.popupmoer-ok:hover {background:#000;}



.aside-top {position:fixed; width:50px;bottom:5%;right:0; z-index:199;display:none;}
.aside-top a {width:38px;height:38px;display:block;overflow:hidden; background:#0081b7 url(../fonts/aside-top.svg) no-repeat center;background-size:70%;border:1px solid #0081b7;float:right;}
.aside-top a:hover {background:#0081b7 url(../fonts/aside-top.svg) no-repeat center;border:1px solid #0081b7 ;background-size:70%;opacity:1;}
 


.righta2 {position:fixed;bottom:40%;right:0;z-index:199;}
.righta2 a {width:50px;height:50px;display:block; overflow:hidden;margin-bottom:1px;background:#0081b7;position:absolute;right:0;top:0;}
.righta2 a i{display:block;width:30px;height:30px;position:absolute;right:50%;top:50%;margin:-15px -15px 0 0 ;}
.righta2 a.rzixun i{background:url(../fonts/zx1.svg) no-repeat center #0081b7;background-size:100%;}
.righta2 a.rcaigou i{background:url(../fonts/cg1.svg) no-repeat center #0081b7;background-size:100%;}
.righta2 a.rcontact i{background:url(../fonts/dh3.svg) no-repeat center #0081b7;background-size:80%;}
.righta2 a.rmessage i{background:url(../fonts/yj2.svg) no-repeat center #0081b7;background-size:80%;}
.righta2 a.rcaigou {top:51px;}
.righta2 a.rcontact {top:102px;}
.righta2 a.rmessage {top:153px;}
.righta2 a span{font-size:12px;color:#fff;line-height:40px;position:absolute;right:-300%;top:50%;margin:-20px 0 0 0px;}
.righta2 a.dakai:hover {width:120px;}
.righta2 a.rcontact:hover {width:150px;}
.righta2 a.rmessage:hover {width:180px;}
.righta2 a.dakai:hover span{right:15px;}
.righta2 a.dakai.rmessage:hover i {right:77%;margin:-15px 0px 0 0 ;}
.righta2 a.dakai.rcontact:hover i {right:70%;margin:-15px 0px 0 0 ;}
.righta2 a.dakai:hover i {right:70%;}



@font-face {
	font-family:'Barlow-Bold';
	src:url('../fonts/barlow-bold.ttf');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'Barlow-Regular';
	src:url('../fonts/barlow-regular.ttf');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'Barlow-Light';
	src:url('../fonts/Barlow-Light.otf');
	src:local('☺'), url('../fonts/Barlow-Light.woff') format('woff'), url('../fonts/barlow-light.ttf') format('truetype'), url('../fonts/barlow-light.svg') format('svg'), url('../fonts/barlow-light.eot') format('eot');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'Montserrat-Regular';
	src:url('../fonts/montserrat-regular.eot');
	src:local('☺'), url('../fonts/montserrat-regular.woff') format('woff'), url('../fonts/montserrat-regular.ttf') format('truetype'), url('../fonts/montserrat-regular.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'Montserrat-Extra-Bold';
	src:url('../fonts/montserrat-extra-bold.eot');
	src:local('☺'), url('../fonts/montserrat-extra-bold.woff') format('woff'), url('../fonts/montserrat-extra-bold.ttf') format('truetype'), url('../fonts/montserrat-extra-bold.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'Montserrat-Light';
	src:url('../fonts/montserrat-light.eot');
	src:local('☺'), url('../fonts/montserrat-light.woff') format('woff'), url('../fonts/montserrat-light.ttf') format('truetype'), url('../fonts/montserrat-light.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
	font-family:'Montserrat-Bold';
	src:url('../fonts/montserrat-bold.eot');
	src:local('☺'), url('../fonts/montserrat-bold.woff') format('woff'), url('../fonts/montserrat-bold.ttf') format('truetype'), url('../fonts/montserrat-bold.svg') format('svg');
	font-weight:normal;
	font-style:normal;
}